import { Avatar, Popover } from 'antd';

function UserHeader({ data }) {
  return (
    <Popover
      placement='bottomLeft'
      content={
        <div>
          <span>{data?.userName}</span>
        </div>
      }
    >
      <Avatar src={data?.userHeadUrl}>{data?.userName?.charAt(0)}</Avatar>
    </Popover>
  );
}

export default UserHeader;
